.clock-map-warp {
  position: relative;
  z-index: 3;
  .button {
    position: absolute;
    top: 7px;
    text-align: center;
    line-height: 26px;
    min-height: 26px;
    border-radius: 13px;
    padding: 0 14px;
  }
  .month-button {
    left: 12px;
    min-width: 137px;
    background:rgba(255,255,255,1);
    border-radius:13px;
    border:1px solid rgba(229,229,229,1);
    span{
      color: #7F8EB4;
    }
    #map-month-date{
      color: #666666;
      margin-left: 5px;
    }
  }
  .local-button {
    min-width: 74px;
    right: 12px;
    color: #ffffff;
    white-space: nowrap;
    vertical-align: top;
    background: rgba(58, 173, 251, 1);
    box-shadow: 0px 0px 6px 0px rgba(58, 173, 251, 0.58);
    border-radius: 13px;
    span{
      vertical-align: bottom;
      position: relative;
      margin-right: 4px;
      font-size: 16px;
    }
  }
  .map-warp {
    height: 120px;
    position: relative;
  }

}
.localResult {
  height: 44px;
  padding:0 14px 0 14px;
  color: #C7C7CC;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.04);
  .address {
    font-weight:400;
    color:#333333;
    max-width: 228px;
    .icon{
      color: #0DD4A9;
      font-size: 18px;
      margin-right: 6px;
    }
  }
  span{
    line-height: 120%;
  }
}